<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="index.css">
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script src="roll.js"></script>
</head>
<body>
<ul class="menu 01">
    <li>
        <span>诸暨天***天马旅行社</span><i>购买了01月26日出发2人</i>
        <a>杭州出港无限大丽香丽江香格里拉</a>
    </li>
    <li>
        <span>杭州旅***心有限公司</span><i>购买了01月26日出发2人</i>
        <a>杭州出发-福州云顶QQ蛋居+贵安</a>
    </li>
    <li>
        <span>中国国***丁桥营业部</span><i>购买了01月26日出发2人</i>
        <a>杭州出港无限大丽香丽江香格里拉</a>
    </li>
    <li>
        <span>台州当***社有限公司</span><i>购买了01月26日出发2人</i>
        <a>杭州出港无限大丽香丽江香格里拉</a>
    </li>
    <li>
        <span>河北民***（石家庄）</span><i>购买了01月26日出发2人</i>
        <a>发4人宁波出港五星自由行丽江一地自由</a>
    </li>
</ul>
<div class="phone container">
    <a style="float: left; padding-right:10px;" id="preBtn">向左</a>
  <div class="menu02">
    <ul class="menuRoll">
      <li>
        <img src="http://img05.tooopen.com/images/20150201/sl_109938035874.jpg" >
        <a>1杭州出港无限大丽香丽江香格里拉</a>
      </li>
      <li>
        <img src="http://img06.tooopen.com/images/20161214/tooopen_sl_190570122189.jpg">
        <a>2杭州出发-福州云顶QQ蛋居+贵安</a>
      </li>
      <li>
        <img src="http://img06.tooopen.com/images/20160727/tooopen_sl_172649771215.jpg">
        <a>3杭州出港无限大丽香丽江香格里拉</a>
      </li>
      <li>
        <img src="http://img06.tooopen.com/images/20161113/tooopen_sl_186542832657.jpg">
        <a>4杭州出港无限大丽香丽江香格里拉</a>
      </li>
      <li>
        <img src="http://img06.tooopen.com/images/20160918/tooopen_sl_179079293572.jpg">
        <a>5发4人宁波出港五星自由行丽江一地自由</a>
      </li>
    </ul>
  </div>

    <a style="float: right;"id="nextBtn">向右</a>
</div>
</body>
</html>